<!DOCTYPE html>
<html>
<head>
<script src="../../resources/js-test.js"></script>
</head>
<body>
<p>
Tests that a range input's slider is cloned along with its host. There
should be a second range input in the document and it should have a
slider positioned at zero.
</p>
<input type="range" id="sheep" style="display: block; width: 100px;">
<div id="console"></div>
<script>
var sheep = document.querySelector('#sheep');
var dolly = sheep.cloneNode();

sheep.insertAdjacentElement('afterEnd', dolly);

// Cloned element should be the same size. Having zero height is one
// symptom of a broken clone.
shouldBe('dolly.clientHeight', 'sheep.clientHeight');

if (window.internals) {
    var sheepShadow = internals.shadowRoot(sheep);
    var dollyShadow = internals.shadowRoot(dolly);
    shouldBe('internals.shadowPseudoId(dollyShadow.firstChild)',
             'internals.shadowPseudoId(sheepShadow.firstChild)');
}

dolly.value = 0;
</script>
</body>
</html>
